<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <link rel="stylesheet" type="text/css" href="../css/main.css">
  <link rel="stylesheet" type="text/css" href="../layui/css/layui.css">
  <script type="text/javascript" src="../layui/layui.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body id="list-cont">
  <div class="site-nav-bg">
    <div class="site-nav w1200">
      <ul class="layui-nav" style="text-align: right;">
      	<li class="layui-nav-item">
    		<a href="index.html">首页<span class="layui-badge-dot"></span></a>
  		</li>
  		<li class="layui-nav-item">
    		<a href="shopcart.html">购物车<span class="layui-badge">3</span></a>
  		</li>
  		<li class="layui-nav-item">
    	  <a href="http://127.0.0.1:8080/JackMa/frontPage/me.jsp"><img src="../images/me.JPG" class="layui-nav-img">我</a>
    	  <dl class="layui-nav-child">
	      	<dd><a href="javascript:;">修改信息</a></dd>
	      	<dd><a href="javascript:;">退出</a></dd>
    	  </dl>
  		</li>
	  </ul>
    </div>
  </div>



  <div class="header">
    <div class="headerLayout w1200">
      <div class="headerCon">
        <h1 class="mallLogo">
          <a href="index.html" title="">
            "Spend Jack Ma's Money"
          </a>
        </h1>
        <div class="mallSearch">
          <form action="" class="layui-form" novalidate>
            <input type="text" name="title" required  lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
            <button class="layui-btn" lay-submit lay-filter="formDemo">
                <i class="layui-icon layui-icon-search"></i>
            </button>
            <input type="hidden" name="" value="">
          </form>
        </div>
      </div>
    </div>
  </div>


  <div class="content">
    <div class="main-nav">
      <div class="inner-cont0">
        <div class="inner-cont1 w1200">
          <div class="inner-cont2">
            <a href="http://127.0.0.1:8080/JackMa/frontPage/commodity.jsp" class="active">所有商品</a>
            <a href="information.html">市场资讯</a>
            <a href="about.html">关于我们</a>
          </div>
        </div>
      </div>
    </div>
    
     <div class="category-con">
      <div class="category-inner-con w1200">
        <div class="category-type">
          <h3>全部分类</h3>
        </div>
        <div class="category-tab-content">
          <div class="nav-con">
            <ul class="normal-nav layui-clear">
              <li class="nav-item">
                <div class="title">家电数码</div>
                <p><a href="#">手机</a><a href="#">平板电脑</a><a href="#">笔记本电脑</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">围巾帽子</div>
                <p><a href="#">围巾披肩</a><a href="#">手套</a><a href="#">帽子</a><a href="#">丝巾</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">珠宝首饰</div>
                <p><a href="#">手链手镯</a><a href="#">项链吊坠</a><a href="#">戒指指环</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">高端出行</div>
                <p><a href="#">深度体验</a><a href="#">新车订购</a><a href="#">超跑租赁</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">土地房产</div>
                <p><a href="#">复式高层</a><a href="#">独栋别墅</a><a href="#">摩天大厦</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
            </ul>
          </div>
        </div>
      </div>
	  <div class="category-banner">
        <div class="w1200">
          <img src="../images/banner.jpg" width="1200px" height="400px" aligh="right">
        </div>
      </div>
    </div>	
    <div class="floors">
      <div class="sk">
        <div class="sk_inner w1200">
          <div class="sk_hd">
            <a href="javascript:;">
              <img src="../images/s_img1.jpg">
            </a>
          </div>
          <div class="sk_bd">
            <div class="layui-carousel" id="test1">
              <div carousel-item>
                <div class="item-box">
                  <div class="item">
                    <a href="javascript:;"><img src="../images/bigmac.jpg"></a>
                    <div class="title">巨无霸</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                  <div class="item">
                    <a href="javascript:;"><img src="../images/4ktv.jpg"></a>
                    <div class="title">4k电视</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                  <div class="item">
                    <a href="javascript:;"><img src="../images/monalisa.jpg"></a>
                    <div class="title">《蒙娜丽莎》画像</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                  <div class="item">
                    <a href="javascript:;"><img src="../images/helicopter.jpg"></a>
                    <div class="title">直升飞机</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                </div>
                <div class="item-box">
                  <div class="item">
                    <a href="javascript:;"><img src="../images/barofgold.jpg"></a>
                    <div class="title">黄金</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                  <div class="item">
                    <a href="javascript:;"><img src="../images/ferrari.jpg"></a>
                    <div class="title">法拉利</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                  <div class="item">
                    <a href="javascript:;"><img src="../images/lamborghini.jpg"></a>
                    <div class="title">兰博基尼</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                  <div class="item">
                    <a href="javascript:;"><img src="../images/f16.jpg"></a>
                    <div class="title">F16战斗机</div>
                    <div class="price">
                      <span>￥49.00</span>
                      <del>￥99.00</del>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>    
      </div>
    </div>

    

    <div class="product-list-box" id="product-list-box">
      <div class="product-list-cont w1200">
        <h4>更多推荐</h4>
        <div class="product-item-box layui-clear">
          <div class="list-item">
            <a href="javascript:;"><img src="../images/airjordans.jpg"></a>
            <p>AJ1黑红脚趾</p>
            <span>￥1500.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/cruiseship.jpg"></a>
            <p>邮轮</p>
            <span>￥100.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/headphones.jpg"></a>
            <p>beats studio</p>
            <span>￥1200.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/diamondring.jpg"></a>
            <p>钻石手链</p>
            <span>￥10000.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/gamingconsole.jpg"></a>
            <p>XBOX ONE</p>
            <span>￥3000.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/bar.jpg"></a>
            <p>酒吧</p>
            <span>￥100000.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/beachhouse.jpg"></a>
            <p>海滨别墅</p>
            <span>￥3000000.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/mansion.jpg"></a>
            <p>城堡</p>
            <span>￥10000000.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/rolex.jpg"></a>
            <p>ROLEX</p>
            <span>￥300000.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../images/passengerjet.jpg"></a>
            <p>波音737-800</p>
            <span>￥100000000.00</span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="ng-promise-box">
      <div class="ng-promise w1200">
        <p class="text">
          <a class="icon1" href="javascript:;">7天无理由退换货</a>
          <a class="icon2" href="javascript:;">满99元全场免邮</a>
          <a class="icon3" style="margin-right: 0" href="javascript:;">100%品质保证</a>
        </p>
      </div>
    </div>
    <div class="mod_help w1200">                                     
      <p>
        <a href="javascript:;">关于我们</a>
        <span>|</span>
        <a href="javascript:;">帮助中心</a>
        <span>|</span>
        <a href="javascript:;">售后服务</a>
        <span>|</span>
        <a href="javascript:;">市场资讯</a>
        <span>|</span>
        <a href="javascript:;">关于货源</a>
      </p>
      <p class="coty">JackMa版权所有 &copy; 2012-2020</p>
    </div>
  </div>
  
	<script type="text/javascript">
	
	layui.config({
	    base: '../js/util/' //你存放新模块的目录，注意，不是layui的模块目录
	  }).use(['mm','carousel'],function(){
	      var carousel = layui.carousel,
	     mm = layui.mm;
	     var option = {
	        elem: '#test1'
	        ,width: '100%' //设置容器宽度
	        ,arrow: 'always'
	        ,height:'298' 
	        ,indicator:'none'
	      }
	      carousel.render(option);
	      // 模版引擎导入
	     // var ins = carousel.render(option);
	     // var html = demo.innerHTML;
	     // var listCont = document.getElementById('list-cont');
	     // // console.log(layui.router("#/about.html"))
	     //  mm.request({
	     //    url: '../json/index.json',
	     //    success : function(res){
	     //      console.log(res)
	     //      listCont.innerHTML = mm.renderHtml(html,res)
	     //      ins.reload(option);
	     //    },
	     //    error: function(res){
	     //      console.log(res);
	     //    }
	     //  })
	    
	
	});
	</script>
</body>
</html>